/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",

    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],

  theme: {
    extend: {
      boxShadow: {
        zskf: '0px 4px 16px 0px rgba(96,107,116,0.08)',
        guide: '1px 1px 18px 0px rgba(202,202,202,0.26);'
      },

      backgroundImage: {
        divider: 'url("/assets/footer/divider.png")',
        'bg_01': "url('/assets/imgs/bg_01.png')",
        'bg_02': "url('/assets/imgs/bg_02.png')",
        'bg_03': "url('/assets/imgs/bg_03.png')",
        'home-img-01': 'url("/assets/home/bg_01.png")',
        'home-img-02': 'url("/assets/home/bg_02.png")',
        'home-img-03': 'url("/assets/home/bg_03.png")',
        'home-advantage': 'url("/assets/home/advantage_01.png")',
        'module_bg': 'url("/assets/others/module_bg.png")',
        'repect_bg': 'url("/assets/others/repect-bg.png")',

        'auth_bg': 'url("/assets/auth/auth_bg.png")',

        'group_bg_1': 'url("/assets/price/group_bg_1.png")',
        'group_bg_2': 'url("/assets/price/group_bg_2.png")',
        'group_bg_3': 'url("/assets/price/group_bg_3.png")',
        'group_bg_4': 'url("/assets/price/group_bg_4.png")',
        'group_bg_5': 'url("/assets/price/group_bg_5.png")',
      }
    }
  },
  plugins: [],
}